<template>
	<div>
		<!-- xpert导航栏 -->
		<xpertNavBar :statusTab="statusTab" />
		<div style="height: 150px; width: 100%"></div>
		<div class="xiaol m1280 f f-a-c f-j-c f-d-c">
			<img src="/src/assets/user/xiao.png" class="xiaoImg" alt="" />
			<div class="sub">Submitted successfully</div>
			<div class="need">You need the seller's confirmation before you can pay</div>
			<div class="btn f f-a-c">
				<div class="lefBtn hand">View order</div>
				<div class="rigBtn hand">Done</div>
			</div>
		</div>
		<xpertTabbar />
	</div>
</template>

<script setup>
	import { ref, onMounted } from "vue";
	import xpertTabbar from "@/components/tabBar/xpertTabbar.vue";
	import xpertNavBar from "@/components/navBar/xpertNavBar.vue";
	import router from "@/router/index.js";
	import ButtonDiffuse from "@/components/Button/ButtonDiffuse.vue";
	let statusTab = ref(1);
	onMounted(() => {
		window.addEventListener("scroll", handleScroll);
	});
	// 这个是当头部导航栏滑倒下面时给tabr加个背景
	const handleScroll = () => {
		const scrollTop = document.documentElement.scrollTop;
		if (scrollTop > 0) {
			statusTab.value = 2;
		} else {
			statusTab.value = 1;
		}
	};
</script>
<style scoped>
	@import "./index.scss";
</style>
